<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<title>白帽子-首页</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta property="qc:admins" content="3250100367621165516636" />
<meta name="keywords" content="" />
<link href="Favicon.ico" rel="shortcut icon">
<link rel="stylesheet" type="text/css" href="./css/style.css" />
<script src="js/jquery-1.4a2.min.js" type="text/javascript"></script>
<script src="js/jquery.KinSlideshow-1.2.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(function(){
        $(".banner").KinSlideshow({
                moveStyle:"right",
                intervalTime:1,
                moveSpeedTime:400,
                titleBar:{titleBar_height:30,titleBar_bgColor:"#F3F3F3",titleBar_alpha:0},
                titleFont:{TitleFont_size:12,TitleFont_color:"#FFFFFF",TitleFont_weight:"normal"},
                btn:{btn_bgColor:"#FFFFFF",btn_bgHoverColor:"#1072aa",btn_fontColor:"#000000",btn_fontHoverColor:"#FFFFFF",btn_borderColor:"#cccccc",btn_borderHoverColor:"#1188c0",btn_borderWidth:1}
        });
    })
</script>

<style type="text/css">

</style>
</head>
    <body>
        <div id="header">
            <div class="logo"><img src="./images/logo.png" /></div>
        </div><!-- header -->
        <div id="container">
            <div class="index">
                <div class="cont-up">
                    <div class="banner">
                        <a><img src="./images/banner_01.jpg" width="550" /></a>
                        <a><img src="./images/banner_02.jpg" width="550" /></a>
                        <a><img src="./images/banner_03.jpg" width="550" /></a>
                        <a><img src="./images/banner_04.jpg" width="550" /></a>
                    </div>
                    <div class="info">
                        <div class="pic"><a href="center-index.html"><img src="./images/wlh.jpg" /></a></div>
                        <ul class="u">
                            <li><span>姓名：<span>王力宏</li>
                            <li><span>性别：<span>男</li>
                            <li><span>籍贯：<span>台湾省</li>
                            <li><span>爱好：<span>写代码</li>
                            <li><span>学科：<span>PHP</li>
                        </ul>
                        <div class="tag">
                            <span class="l">标签：</span>
                            <ul class="l">
                                <li>PHP</li>
                                <li>HTML</li>
                                <li>CSS</li>
                                <li>MySQL</li>
                            </ul>
                        </div>
                    </div><!-- info -->
                </div><!-- cont-up -->
                <div class="cont-mid">
                    <div class="title-nav">请选择课程</div>
                    <ul>
                        <li><a href="./content.html"><img src="./images/html.png" width="150" /></a></li>
                        <li><a href="./content.html"><img src="./images/css.png" width="150" /></a></li>
                        <li><a href="./content.html"><img src="./images/javascript.png" width="150" /></a></li>
                        <li><a href="./content.html"><img src="./images/php.png" width="150" /></a></li>
                        <li class="last"><a href="./content.html"><img src="./images/sql.png" width="150" /></a></li>
                    </ul>
                    <div class="share">                        
                        <div class="jiathis_style" style="float:left;"><!-- JiaThis Button BEGIN -->
                            <span class="jiathis_txt">分享：</span>
                            <a class="jiathis_button_tools_1"></a>
                            <a class="jiathis_button_tools_2"></a>
                            <a class="jiathis_button_tools_3"></a>
                            <a class="jiathis_button_tools_4"></a>
                            <a href="http://www.jiathis.com/share" class="jiathis jiathis_txt jiathis_separator jtico jtico_jiathis" target="_blank"></a>
                        </div>
                        <script type="text/javascript" src="http://v3.jiathis.com/code/jia.js?uid=1365476192656662" charset="utf-8"></script><!-- JiaThis Button END -->
                        <span class="more"><a href="#">更多</a></span>
                    </div>
                </div><!-- cont-mid -->
                <div class="cont-bot">
                    <div class="hot l">
                        <div class="title-nav">请选择课程</div>
                        <div class="hot-list">
                            <ul>
                                <li><a href="#">PHP学院12.29元旦晚会—不做孬种程序员</a></li>
                                <li><a href="#">PHP学院10.25班拓展—我们是最棒的团队</a></li>
                                <li><a href="#">PHP学院8.14班上庄水库自助烧烤一日游</a></li>
                                <li><a href="#">PHP学院8月27日举行篮球联赛</a></li>
                                <li><a href="#">PHP5.16就业班8月20日毕业聚餐</a></li>
                                <li><a href="#">PHP学院7.14班学员集体生日聚餐</a></li>
                                <li><a href="#">PHP学院5.16班学员圆明园一日游 </a></li>
                                <li class="last"><span class="more"><a href="#">更多</a></span></li>
                            <ul>
                        </div>
                    </div>
                    <div class="hot r">
                        <div class="title-nav">请选择课程</div>
                        <div class="hot-list">
                            <ul>
                                <li><a href="#">PHP学院12.29元旦晚会—不做孬种程序员</a></li>
                                <li><a href="#">PHP学院10.25班拓展—我们是最棒的团队</a></li>
                                <li><a href="#">PHP学院8.14班上庄水库自助烧烤一日游</a></li>
                                <li><a href="#">PHP学院8月27日举行篮球联赛</a></li>
                                <li><a href="#">PHP5.16就业班8月20日毕业聚餐</a></li>
                                <li><a href="#">PHP学院7.14班学员集体生日聚餐</a></li>
                                <li><a href="#">PHP学院5.16班学员圆明园一日游 </a></li>
                                <li class="last"><span class="more"><a href="#">更多</a></span></li>
                            <ul>
                        </div>
                    </div>
                </div><!-- cont-bot -->
            </div><!-- content -->
        </div><!-- container -->
        <div id="footer"><p>本程序为测试使用，不得用于商业用途。版权所有 <span><a style="color:blue;text-decoration:none;" href="javascript:void(0);">白帽子测试系统V1.0</a></span></p></div>
    </body>
</html>